{include file='front/base/head' }

<section id="counts" class="counts">
    <div class="container aos-init aos-animate" data-aos="fade-up">

      <div class="row no-gutters">
        <div class="col-xl-5 d-flex align-items-stretch justify-content-center justify-content-lg-start aos-init aos-animate" data-aos="fade-right" data-aos-delay="100">
            <img src="/static/vote/{$race.rpic}" width="450px" height="450px" alt="比赛">
        </div>
        <div class="col-xl-7 ps-4 ps-lg-5 pe-4 pe-lg-1 d-flex align-items-stretch aos-init aos-animate" data-aos="fade-left" data-aos-delay="100">
          <div class="content d-flex flex-column justify-content-center">
            <h3>比赛详情</h3>
            <p>
             {$race.explain}
            </p>
            <p>
               时间： {$race.start}-{$race.end}
            </p>
            <div class="row">
                
            {volist name='judges' id='pw'}
              <div class="col-md-6 d-md-flex align-items-md-stretch">
                <div class="count-box">
                    评委嘉宾:
                    <img src="/static/vote/{$pw.jpic}" style="height: 70px;width: 70px; border-radius: 25%;" alt="评委头像">
                  <p><strong>{$pw.jname}</strong></p>
                </div>
              </div>
            {/volist}

              </div>
            </div>
          </div><!-- End .content-->
        </div>
      </div>

    </div>
  </section>



   <!-- ======= Clients Section ======= -->
  
   <section id="portfolio" class="portfolio">
    <div class="container aos-init aos-animate" data-aos="fade-up">

      <div class="section-title">
        <h2>选手信息</h2>
      </div>

      <div class="row aos-init aos-animate" data-aos="fade-up" data-aos-delay="100">
        <div class="col-lg-12 d-flex justify-content-center">
          <ul id="portfolio-flters">
           <a class="filter-active" href="http://www.tp5.com/vote/Front/rank?id={$race.rid}">点击查看排行榜</a>
          </ul>
        </div>
      </div>

      <div class="row portfolio-container aos-init aos-animate" data-aos="fade-up" data-aos-delay="200" style="position: relative; height: 1507.85px;">
        {volist name="allplayer" id="play"}
        <div class="col-lg-4 col-md-6 portfolio-item filter-app" style="position: absolute; ">
          <div class="portfolio-wrap">
            <img src="/static/vote/{$play.ppic}" style="width: 300px;height: 300px;" class="img-fluid" alt="">
            <div class="portfolio-info">
              <h4>{$play.pname}</h4>
              <p>代表作:《{$play.work}》</p>
              <p>组别:第{$play.group}组</p>
              <p>简介:{$play.introduce}</p>
            </div>
          </div>
        </div>
        {/volist}
      </div>

    </div>
  </section>
  {include file='front/base/foot' }